<template>
	<view class="app-aboutus">
		<UniNavBar :statusBar="true" leftIcon="back" :title="getBulletin.title" @clickLeft="tapNavLeft" :border="false"></UniNavBar>
		<view class="content">
			<!-- <view class='title' v-if="getBulletin.title">{{getBulletin.title}}</view> -->
			<rich-text class="p" v-html="modifiedContent"></rich-text>
		</view>
	</view>
</template>

<script>
import {mapGetters} from 'vuex'
import {pageback, checkLogin} from '../../common/js/util.js'
import UniNavBar from '@/components/uni-nav-bar/uni-nav-bar.vue'
export default {
	data() {
		return {
			title: ''
		}
	},
	computed: {
		modifiedContent() {
			let str = this.getBulletin.content
			return str.replace(/(\<img|\<image)/ig, '<img style="max-width:100% !important;width: 98% !important;"')
		},
		...mapGetters([
			'getBulletin',
			'getLoginInfo',
			'getRequestUrl'
		])
	},
	onShow() {
		// checkLogin(this.getLoginInfo, this.getRequestUrl)
		console.log(this.getBulletin)
	},
	methods: {
		tapNavLeft() {
			pageback();
		}
	},
	components: {
		UniNavBar
	}
}
</script>

<style lang="scss" scoped>
@import '@/common/scss/global.scss';
@import '@/common/scss/variable.scss';
.app-aboutus {
	.content{
		margin: 30upx;
		.title{
			padding: 66upx 0 40upx 0;
			line-height: 1;
			font-size: 15px;
			font-weight: bold;
			text-align: center;
			color: $text-gray-color4;
		}
		.p{
			color: $text-gray-color6;
			font-size: 14px;
			line-height: 22px;
			margin-bottom: 30upx;
			width: 750upx;
		}
	}
	image {
		width: 750upx !important;
	}
	img {
		width: 750upx !important;
	}
}
</style>
